<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>里定订货宝-首页</title>
    <link rel="stylesheet" href="./assets/layui/css/layui.css">
    <!-- inject:css -->
    <!-- endinject -->
    <script src="./assets/jquery-1.12.4.min.js"></script>
</head>
<body>
<!-- header 公共头部组件 -->
<div class="header">
    <div class="nav wrapper clearfix">
        <div class="logo ">
            <img class="logo-item" src="./images/logo.png" alt="里定订货宝">
        </div>
        <div class="nav-action inline-wrapper">
            <div class="search-action inline-item">
                <input type="text" placeholder="商品名称">
                <i class="icon icon-search"></i>
            </div>
            <div class="split-line-vertical inline-item"></div>
            <div class="cart-action inline-item">
                <a href="./cart.html">
                    <i class="icon icon-cart"></i>
                    <span class="inline-item">购物车</span>
                    <span class="badge">0</span>
                </a>
            </div>
        </div>

        <div class="server-contact inline-wrapper">
            <i class="icon icon-phone"></i>
            <h3 class="inline-item">400-632-5588</h3>
        </div>
    </div>
    <div class="nav-menu-wrapper">
        <div class="nav-menu wrapper">
            <ul class="inline-wrapper">
                <li class="inline-item active">
                    <a href="./index.html">首页</a>
                </li>
                <li class="inline-item">
                    <a href="./goods.html">商品</a>
                </li>
                <li class="inline-item">
                    <a href="./order.html">订单</a>
                </li>
                <li class="inline-item menu-select-hover">
                    <a href="#">全部商品分类</a>
                    <i class="icon icon-classification"></i>
                    <div class="nav-menu-select shadow-item">
                        <div class="nav-menu-option active">
                            <a href="#">新生儿疾病筛查型</a>
                        </div>
                        <div class="nav-menu-option ">
                            <a href="#">产前筛查型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">体检型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">903滤纸</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">新筛试剂</a>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="user-action">
                <div class="user-not-loged">
                    <i class="icon icon-user"></i>
                    <div class="inline-item">
                        <span>您好,</span>
                        <a href="./login.html">请登录</a>
                    </div>
                </div>
                <div class="user-loged"></div>
            </div>
        </div>
    </div>
</div>

<!-- content index 页面内容 -->
<div class="index-content">
    <!-- 轮播图组件 -->
    <div class="caroucel layui-carousel" id="index_caroucel">
        <div class="caroucel-wrapper" carousel-item>
            <div class="caroucel-item">
                <div class="clearfix">
                    <!-- 轮播图文字 -->
                    <div class="caroucel-text">
                        <h3 class="title-1">新生儿疾病筛查血样标本采集卡</h3>
                        <h3 class="title-2 inline-wrapper">
                            <span>安全</span>
                            <span>放心</span>
                            <span>品质</span>
                            <span>可靠</span>
                        </h3>
                        <p class="text-en">Blood sample collection card for neonatal disease screening.</p>
                        <p class="text-en">Sale and reliable quality and reliable quality.</p>
                        <!-- 购买按钮 -->
                        <div class="buy-action inline-wrapper arrow-btn">
                            <span class="inline-item">点击购买</span>
                            <i class="icon icon-arrow-right-white inline-item"></i>
                        </div>
                    </div>

                    <!-- 轮播图图片 -->
                    <img src="./images/carousel1.png" alt="">
                </div>
            </div>
            <div class="caroucel-item">
                <div class="clearfix">
                    <!-- 轮播图文字 -->
                    <div class="caroucel-text">
                        <h3 class="title-1">新生儿疾病筛查血样标本采集卡2</h3>
                        <h3 class="title-2 inline-wrapper">
                            <span>安全</span>
                            <span>放心</span>
                            <span>可靠</span>
                        </h3>
                        <p class="text-en">Blood sample collection card for neonatal disease screening.</p>
                        <!-- 购买按钮 -->
                        <div class="buy-action inline-wrapper arrow-btn">
                            <span class="inline-item">点击购买</span>
                            <i class="icon icon-arrow-right-white inline-item"></i>
                        </div>
                    </div>

                    <!-- 轮播图图片 -->
                    <img src="./images/carousel2.png" alt="">

                </div>
            </div>
            <div class="caroucel-item">
                <div class="clearfix">
                    <!-- 轮播图文字 -->
                    <div class="caroucel-text">
                        <h3 class="title-1">新生儿疾病筛查血样标本采集卡3</h3>
                        <h3 class="title-2 inline-wrapper">
                            <span>安全</span>
                            <span>放心</span>
                            <span>可靠</span>
                        </h3>
                        <p class="text-en">Blood sample collection card for neonatal disease screening.</p>
                        <!-- 购买按钮 -->
                        <div class="buy-action inline-wrapper arrow-btn">
                            <span class="inline-item">点击购买</span>
                            <i class="icon icon-arrow-right-white inline-item"></i>
                        </div>
                    </div>

                    <!-- 轮播图图片 -->
                    <img src="./images/carousel3.png" alt="">

                </div>
            </div>
        </div>
        <!-- 轮播图控制箭头 -->
        <div class="caroucel-action" id="carousel_action_hook">
            <div class="caroucel-arrow arrow-previous">
                <i class="icon icon-previous"></i>
            </div>
            <div class="caroucel-arrow arrow-next">
                <i class="icon icon-next"></i>
            </div>
        </div>
    </div>
    <!-- 公告 -->
    <div class="news">
        <div class="news-wrapper wrapper">
            <div class="news-list inline-wrapper">
                <!--公告 条目-->
                <div class="news-list-item inline-item">
                    <a class="news-list-content" href="#">
                        <div class="news-title">用智能助力用户实现最大价值</div>
                        <div class="news-date">[2016-11-22]</div>
                    </a>
                </div>

                <div class="news-list-item inline-item">
                    <a class="news-list-content" href="#">
                        <div class="news-title">携手云上贵州，数据驱动未来</div>
                        <div class="news-date">[2016-11-22]</div>
                    </a>
                </div>

                <div class="news-list-item inline-item">
                    <a class="news-list-content" href="#">
                        <div class="news-title">看"漂浮在空中的互联网+2018年05月17日16:20:02</div>
                        <div class="news-date">[2016-11-22]</div>
                    </a>
                </div>

                <div class="news-list-item inline-item">
                    <a class="news-list-content" href="#">
                        <div class="news-title">看"漂浮在空中的互联网+2018年05月17日16:20:02</div>
                        <div class="news-date">[2016-11-22]</div>
                    </a>
                </div>

                <div class="news-list-item inline-item">
                    <a class="news-list-content" href="#">
                        <div class="news-title">看"漂浮在空中的互联网+2018年05月17日16:20:02</div>
                        <div class="news-date">[2016-11-22]</div>
                    </a>
                </div>

                <div class="news-list-item inline-item">
                    <a class="news-list-content" href="#">
                        <div class="news-title">看"漂浮在空中的互联网+2018年05月17日16:20:02</div>
                        <div class="news-date">[2016-11-22]</div>
                    </a>
                </div>
            </div>
            <!-- 更多公告按钮 -->
            <div class="new-more-wrapper">
                <div class="news-more arrow-btn inline-wrapper ">
                    <a class="inline-item" href="./notice.html">更多公告</a>
                    <i class="icon icon-arrow-right-white inline-item"></i>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 客服咨询 悬浮按钮 -->
<a class="server-btn" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1326499052&amp;site=qq&amp;menu=yes" target="_blank">
</a>
<!-- footer 公用 footer 组件 -->
<div class="footer">
    <ul class="footer-menu wrapper inline-wrapper">
        <li class="inline-item">
            <a href="#">关于我们</a>
        </li>
        <li class="inline-item">
            <a href="#">联系我们</a>
        </li>
        <li class="inline-item">
            <a href="#">会员介绍</a>
        </li>
        <li class="inline-item">
            <a href="#">购物指南</a>
        </li>
        <li class="inline-item">
            <a href="#">常见问题</a>
        </li>
    </ul>
</div>
<script src="./assets/layui/layui.js"></script>
<!-- inject:js -->
<!-- endinject -->
</body>
</html>